<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>欢迎页面</title>
		<link rel="stylesheet" href="resources/layui/css/layui.css">
		<link rel="stylesheet" href="resources/css/welcome.css" />
		<script src="resources/js/jquery-3.7.1.min.js"></script>
	</head>
	<body>
		<div class="welcome-container">
        <h1 id="userName">您好!</h1>
        <div class="welcome-message">
            欢迎您登录中国铁路客户服务中心网站。
        </div>
        <div class="security-tip">
            如果您的密码在其他网站也使用，建议您<a href="javascript:;">修改本网站密码</a>。
        </div>
        <div class="action-buttons">
            <a href="javascript:;">点击成为会员</a>
            <a href="javascript:;">车票预订</a>
        </div>
        <div class="qr-codes">
            <div class="qr-code">
                <img src="resources/img/Qr.jpg" alt="微信二维码">
                <p>使用微信扫一扫，可通过微信公众号接收12306行程通知</p>
            </div>
            <div class="qr-code">
                <img src="resources/img/11111Qr.jpg" alt="支付宝二维码">
                <p>使用支付宝扫一扫，可通过支付宝接收12306行程通知</p>
            </div>
        </div>
        <div class="tips">
            <p><strong>温馨提示：</strong></p>
            <p>1. 请阅读方式进行相关调整，将通过“铁路12306”App客户端为您推送相关消息（需开启通知权限）。您也可以扫描关注“铁路12306”微信公众号或支付宝生活号，选择通过微信或支付宝接收。列车运行调整的通知仍然发送短信通知给您。</p>
            <p>2. 您可通过“账号安全”中的“通知设置”修改您接收信息服务的方式。</p>
        </div>
        <div class="official-links">
            <a href="javascript:;">中国铁路官方微信</a>
            <a href="javascript:;">中国铁路官方微博</a>
            <a href="javascript:;">12306 公众号</a>
            <a href="javascript:;">铁路12306</a>
        </div>
    </div>
	<script src="resources/layui/layui.js"></script>
	<script src="resources/js/welcome.js"></script>
	</body>
</html>